﻿<%@ Page Title="Configurar Cuenta" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="ConfigurarCuenta.aspx.cs" Inherits="Services_ConfigurarCuenta" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    
    <div id="UserStatusDiv" class="col_12" Visible="false" align="center" runat="server">
        <asp:Label ID="UsuarioStatus" runat="server"></asp:Label>
    </div>

    <div class="col_12">
        <fieldset>
            <legend id="LegendTitle" runat="server"></legend>
            <div class="col_12">
                <div class="col_6">


                    <%-- Matrícula / Nómina --%>
                    <div class="control-group">
                        <asp:Label ID="LabelMatriculaNomina" CssClass="control-label" for="MatriculaText" runat="server"></asp:Label>
                        <div class="controls">
                            <div class="input-prepend">
                                <asp:Label ID="MatriculaText" runat="server"></asp:Label>
                            </div>
                        </div>
                    </div>


                    <%-- Nombre --%>
                    <div class="control-group">
                        <asp:Label ID="Label2" CssClass="control-label" for="PrimerNombreText" runat="server"> <strong>Nombre(s):</strong> </asp:Label>
                        <div class="controls">
                            <asp:Label ID="PrimerNombreText" runat="server"></asp:Label>
                        </div>
                    </div>


                    <%-- Apellidos --%>
                    <div class="control-group">
                        <asp:Label ID="Label3" CssClass="control-label" for="ApellidoText" runat="server"> <strong>Apellidos:</strong> </asp:Label>
                        <div class="controls">
                            <asp:Label ID="ApellidoText" runat="server"></asp:Label>
                        </div>
                    </div>


                    <%-- Fecha de Nacimiento --%>
                    <div id="FechaNacimientoDiv" class="control-group" visible="false" runat="server">
                        <asp:Label ID="Label6" CssClass="control-label" for="FechaNacimientoText" runat="server"> <strong>Fecha de Nacimiento (d&iacute;a / mes / a&ntilde;o):</strong> </asp:Label>
                        <div class="controls">
                            <asp:Label ID="FechaNacimientoText" runat="server"></asp:Label>
                        </div>
                    </div>
                </div>
                <%-- END COL5 --%>

                <div class="col_6">
                    <div id="CambioPasswordDiv" class="control-group" runat="server">
                        <div class="controls">
                            <asp:Button ID="CambioPassword" CssClass="btn btn-small btn-inverse" runat="server" Text="Cambiar Contrase&ntilde;a"
                                OnClick="CambioPasswordClick" />
                        </div>
                    </div>
                    
                    <div ID="PasswordChangeErrorDiv" Visible="false" runat="server">
                    </div>


                    <%-- Contraseña Anterior --%>
                    <div id="LastPasswordDiv" cssclass="control-group" visible="false" runat="server">
                        <asp:Label ID="Label5" CssClass="control-label" for="LastPasswordTextBox" runat="server"> <strong>Contrase&ntilde;a anterior:</strong> </asp:Label>
                        <div class="controls">
                            <asp:TextBox CssClass="span3" ID="LastPasswordTextBox" TextMode="Password"
                                runat="server"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredLastPasswordTextBox" ControlToValidate="ContrasenaTextBox"
                                ValidationGroup="NewPassword" Text="<img src='/website/Images/cross.png' alt='cross'>"
                                Display="Dynamic" runat="server" EnableClientScript="True" ErrorMessage="Debes ingresar tu contrase&ntilde;a anterior."></asp:RequiredFieldValidator>
                        </div>
                    </div>


                    <%-- Contraseña Nueva --%>
                    <div id="NewPasswordDiv" cssclass="control-group" visible="false" runat="server">
                        <asp:Label ID="Label7" CssClass="control-label" for="ContrasenaTextBox" runat="server"> <strong>Nueva contrase&ntilde;a:</strong> </asp:Label>
                        <div class="controls">
                            <asp:TextBox CssClass="span3" ID="ContrasenaTextBox" TextMode="Password"
                                ValidationGroup="NewPassword" runat="server"></asp:TextBox>
                            <asp:RegularExpressionValidator ID="RegExpContrasena" ControlToValidate="ContrasenaTextBox"
                                Display="Dynamic" EnableClientScript="True" Text="<img src='/website/Images/cross.png' alt='cross'>"
                                ValidationExpression=".*" ValidationGroup="NewPassword" ErrorMessage="La contrase&ntilde;a proporcionada es d&eacute;bil."
                                runat="server"></asp:RegularExpressionValidator>
                            <asp:RequiredFieldValidator ID="RequiredContrasena" ControlToValidate="ContrasenaTextBox"
                                ValidationGroup="NewPassword" Text="<img src='/website/Images/cross.png' alt='cross'>"
                                Display="Dynamic" runat="server" EnableClientScript="True" ErrorMessage="Contrase&ntilde;a no puede ser un campo vac&iacute;o."></asp:RequiredFieldValidator>
                            <span id="passhelp" class="label label-info">?</span>
                        </div>
                    </div>


                    <%-- Contraseña Nueva Confirmación --%>
                    <div id="NewPasswordConfirmDiv" cssclass="control-group" visible="false" runat="server">
                        <asp:Label ID="Label8" CssClass="control-label" for="ContrasenaTextBoxConfirm" runat="server"> <strong>Confirmar contrase&ntilde;a:</strong> </asp:Label>
                        <div class="controls">
                            <asp:TextBox CssClass="span3" ID="ContrasenaTextBoxConfirm" TextMode="Password"
                                ValidationGroup="NewPassword" runat="server"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredContrasenaConfirm" ControlToValidate="ContrasenaTextBoxConfirm"
                                Text="<img src='/website/Images/cross.png' alt='cross'>" Display="Dynamic" ValidationGroup="NewPassword"
                                runat="server" EnableClientScript="True" ErrorMessage="Debes confirmar la contrase&ntilde;a."></asp:RequiredFieldValidator>

                            <%-- Este Control compara las contraseñas --%>
                            <asp:CompareValidator ID="CompareContrasena" EnableClientScript="True" Display="Dynamic"
                                ValidationGroup="NewPassword" ControlToCompare="ContrasenaTextBoxConfirm" ControlToValidate="ContrasenaTextBox"
                                Text="<img src='/website/Images/cross.png' alt='cross'>" Type="String" ErrorMessage="Las contrase&ntilde;as no coinciden."
                                runat="server" />
                        </div>
                    </div>

                    <span class="form-inline">
                        <%-- Enviar nueva contraseña --%>
                        <asp:Button ID="SubmitNewPassword" CssClass="btn btn-small btn-success" Visible="false" runat="server"
                            ValidationGroup="NewPassword" Text="Cambiar Password" OnClick="SubmitNewPasswordClick" />
                        <%-- Cancelar cambio de contraseña --%>
                        <asp:Button ID="CancelNewPassword" CssClass="btn btn-small btn-danger" Visible="false" runat="server"
                            Text="Cancelar" OnClick="CancelNewPasswordClick" />
                    </span>

                    <br />
                    <br />
                    <asp:ValidationSummary ID="NewPasswordValidationSummary" CssClass="alert alert-error" DisplayMode="BulletList"
                        ValidationGroup="NewPassword" EnableClientScript="True" runat="server" HeaderText="<strong>Revisa los siguientes errores e intenta de nuevo:</strong>" />
                </div>
                <%-- END COL6 --%>


            </div>
            <%-- END COL12 --%>


        </fieldset>
    </div>
    <script type="text/javascript">

        $(function () {
            $("#passhelp").popover({
                title: 'Contrase&ntilde;a segura',
                content: "La contrase&ntilde;a debe ser de <strong>8 caracteres</strong> y cumplir con <strong>al menos 3</strong> de las siguientes caracter&iacute;sticas:" +
                "<ul><li>Al menos una letra min&uacute;scula</li><li>Al menos una letra en may&uacute;scula</li><li>Al menos un n&uacute;mero</li>" +
                "<li>Al menos uno de los siguientes caracteres especiales: ! @ $ % ^ & * ( ) + ?</li>"
            });

            // Arregla el error de padding del Label
            $('#ctl00_MainContent_NewPasswordValidationSummary').css('padding-right', '14px');
            $('#ctl00_MainContent_NewPasswordValidationSummary').css('color', '#B94A48');

        });

    </script>
</asp:Content>
